﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="login.aspx.cs" Inherits="admincp_login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <!-- iPhone, iPad and Android specific settings -->
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1;" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <title>Đăng nhập - Quản lý điểm học sinh</title>
    <!-- Create an icon and splash screen for iPhone and iPad -->
    <link rel="apple-touch-icon" href="images/iOS_icon.png" />
    <link rel="apple-touch-startup-image" href="images/iOS_startup.png" />
    <link rel="stylesheet" type="text/css" href="css/all.css" media="screen" />
    <!-- Style Switcher -->
    <link rel="stylesheet" type="text/css" href="css/theme/switcher.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/theme/switcher1.php?default=switcher.css"
        media="screen" />
    <link rel="stylesheet" type="text/css" href="css/theme/switcher2.php?default=switcher.css"
        media="screen" />
    <link rel="stylesheet" type="text/css" href="css/theme/switcher3.php?default=switcher.css"
        media="screen" />
    <link rel="stylesheet" type="text/css" href="css/theme/switcher4.php?default=switcher.css"
        media="screen" />
    <!--[if IE 6]><link rel="stylesheet" type="text/css" href="css/ie6.css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" type="text/css" href="css/ie.css" media="screen" /><![endif]-->
    <!-- Load JQuery -->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <!-- Load JQuery UI -->
    <script type="text/javascript" src="js/jquery-ui.min.js"></script>
    <!-- Load Interface Plugins -->
    <script type="text/javascript" src="js/plugins.js"></script>
    <script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.js"></script>
    <script type="text/javascript" src="js/quicksand/jquery.quicksand.js"></script>
    <script type="text/javascript" src="js/quicksand/custom_sorter.js"></script>
    <script type="text/javascript" src="js/quicksand/dash_sorter.js"></script>
    <script type="text/javascript" src="js/quicksand/jquery-css-transform.js"></script>
    <script type="text/javascript" src="js/quicksand/jquery-animate-css-rotate-scale.js"></script>
    <script type="text/javascript" src="js/tinyeditor/tinyeditor.js"></script>
    <script type="text/javascript" src="js/jqueryFileTree/jqueryFileTree.js"></script>
    <script type="text/javascript" src="js/DataTables/jquery.dataTables.js"></script>
    <script type="text/javascript" src="js/slidernav/slidernav.js"></script>
    <!-- This file configures the various jQuery plugins for Adminica. Contains links to help pages for each plugin. -->
    <script type="text/javascript" src="js/adminica/adminica_ui.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="login_box" class="round_all clearfix">
        <label class="fields">
            <strong>Tên</strong><asp:TextBox ID="txtUsername" CssClass="indent round_all" runat="server"></asp:TextBox></label>
        <label class="fields">
            <strong>Mật khẩu</strong><asp:TextBox ID="txtPassword" 
            CssClass="indent round_all" runat="server" TextMode="Password"></asp:TextBox></label>
        <button class="button_colour round_all" runat="server" onserverclick="CheckLogin">
            <img width="24" height="24" alt="Locked 2" src="images/icons/small/white/Locked%202.png"><span>Đăng nhập</span></button>
        
        <div id="bar" class="round_bottom">
            <label>
                <input type="checkbox" />Tự động đăng nhập.</label>
            <a href="#">Quên mật khẩu?</a>
        </div>
        <a href="#" id="login_logo"><span>Báo cáo sáng kiến kinh nghiệm</span></a>
    </div>
    <script type="text/javascript">
        // focus on first field in form
        $("input[type='text']:first", document.forms[0]).focus();

        var username = new LiveValidation('txtUsername');
        username.add(Validate.Presence);

        var password = new LiveValidation('txtPassword');
        password.add(Validate.Presence);
		</script>
    </form>
</body>
</html>
